@charset "UTF-8";
/*公共*/
.index {
    letter-spacing: 3px;
}

.banner .banner_swiper {
    max-height: 9.81rem !important;
    overflow: hidden;
    position: relative;
}

.banner .banner_swiper .swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .banner_swiper .banner_pag {
    position: absolute;
    z-index: 2;
    bottom: 0.50rem;
    text-align: center;
    width: 100%;
    font-size: 0px;
}

.banner .banner_swiper .banner_pag span {
    margin: 0 5px;
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 0.10rem;
    background-color: #fff;
    display: inline-block;
    opacity: 0.5;
    transition: all 0.4s ease-in-out;
}

.banner .banner_swiper .banner_pag span.swiper-pagination-bullet-active {
    width: 0.50rem;
    opacity: 1;
}

.index .more {
    text-transform: Uppercase;
    font-size: .14rem;
    line-height: .22rem;
}

.index .more i {
    transition: all 0.4s ease-in-out;
    position: relative;
    margin-right: .12rem;
    font-size: .20rem;
    vertical-align: middle;
    left: 0;
}

.index .more:hover i {
    left: 0.1rem;
}

.index h2.title {
    position: relative;
    box-sizing: border-box;
    padding: .30rem .42rem;
    font-size: .18rem;
    height: .98rem;
    line-height: 1;
    background-color: #e5e5e5;
    transition: all 0.4s ease-in-out;
}

.index h2.title span {
    font-size: .16rem;
    padding-top: .05rem;
    display: block;
    text-transform: Uppercase;
}

.index h2.title i {
    position: absolute;
    right: .42rem;
    font-size: .20rem;
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #0286c2;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.index h2.title.on, .index h2.title:hover {
    background-color: #323338;
    color: #fff;
    line-height: 2;
}

.index h2.title.on i, .index h2.title:hover i {
    display: none;
    opacity: 1;
}

.index .news {
    overflow: hidden;
    position: relative;
}

.index .news:after, .index .news:before {
    content: '';
    position: absolute;
    width: 50%;
    left: 0;
    height: 100%;
    top: .98rem;
    background-color: #f5f5f5;
    z-index: 0;
}

.index .news:after {
    background-color: #ededed;
    top: .00rem;
    left: auto;
    right: 0;
}

.index .news h2.title a {
    display: none;
}

.index .news .w1440 {
    position: relative;
    z-index: 2;
}

.index .news h2.title {
    line-height: 2;
    cursor: pointer;
}

.index .news .time {
    color: #807f85;
    height: .48rem;
    overflow: hidden;
}

.index .news .time .day, .index .news .time .month, .index .news .time .year {
      /* font-family: 'GothamBold'; */
    font-size: .18rem;
}

.index .news .time .day {
    font-size: .48rem;
    line-height: 1;
    float: left;
    padding-right: .10rem;
    letter-spacing: .12rem;
    border-right: .01rem solid #c1c1c3;
    transition: border-right 0.3s ease-in-out;
    font-size: .20rem;
    letter-spacing: 2px;
    line-height: 0.48rem;
    padding-right: .20rem;
}

.index .news .time .y_m {
    float: left;
    padding-left: .14rem;
}

.index .news .time .y_m .month {
    margin-bottom: .04rem;
    letter-spacing: .03rem;
}

.index .news .time .y_m .month, .index .news .time .y_m .year {
        /* height: .18rem; */
    line-height: 1.3;
    overflow: hidden;
    text-transform: Uppercase;
}

.index .news h3 {
    font-size: .16rem;
}

.index .news h3 a {
    font-size: .16rem;
}

.index .news .news_t {
    width: 50%;
    margin-left: auto;
    height: .98rem;
}

.index .news .news_l {
    /*padding-top: .98rem;*/
    width: 50%;
    float: left;
    color: #1a4b9a;
}

.index .news .news_l .news_img {
    margin-bottom: .34rem;
}

.index .news .news_l .news_img img {
    display: block;
    width: 100%;
}

.index .news .news_l .time {
    margin-bottom: .30rem;
    color: #1a4b9a;
}

.index .news .news_l .news_con {
    padding-right: .84rem;
}

.index .news .news_l .news_con h3 {
    margin-bottom: .22rem;
    color: #1a4b9a;
}

.index .news .news_l .news_con p {
    font-size: .14rem;
    line-height: 2.14;
    margin-bottom: .55rem;
    color: #1a4b9a;
}

.index .news .news_l .news_con .more {
    text-transform: Uppercase;
    color: #1a4b9a;
}

.index .news .news_r {
    float: left;
    width: 50%;
    padding: .10rem .46rem .78rem;
}

.index .news .news_r ul {
    margin-bottom: .63rem;
}

.index .news .news_r ul li {
    border-bottom: .01rem solid #c8c8c9;
}

.index .news .news_r ul li a {
    display: block;
    padding: .50rem 0;
    transition: color 0.3s ease-in-out;
}

.index .news .news_r ul li a:hover {
    color: #1a4b9a;
}

.index .news .news_r ul li a:hover .time {
    color: #1a4b9a;
    border-color: #99accc;
}

.index .news .news_r ul li a:hover .time .day {
    border-color: #99accc;
}

.index .news .news_r ul li a .time {
    font-weight: bold;
    float: left;
    padding-right: .16rem;
    border-right: .01rem solid #c1c1c3;
    transition: color 0.3s ease-in-out, border-right 0.3s ease-in-out;
    border-right: none;
}

.index .news .news_r ul li a h3 {
            /*float: left;*/
    margin-left: 1.96rem;
    padding-left: .16rem;
    line-height: 2.14;
    position: relative;
    height: .48rem;
    font-weight: normal;
}

.index .news .news_r ul li a h3 span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.index .news .news_r .more {
    color: #1a4b9a;
}

.index .pro {
    position: relative;
    padding-bottom: 1.14rem;
}

.index .pro:after {
    content: '';
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    background-color: #f5f5f5;
}

.index .pro .w1440 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
}

.index .pro .pro_con {
    width: 25%;
    border-right: .01rem solid #fff;
    box-sizing: border-box;
    float: left;
}

.index .pro .pro_con:first-child {
    width: 50%;
}

.index .pro .pro_con:first-child .pro_b {
    height: 4.46rem;
}

.index .pro .pro_con div.title {
    padding: .30rem .42rem;
    height: .98rem;
    background-color: #e5e5e5;
}

.index .pro .pro_con .pro_b {
    height: 3.67rem;
    background-color: #0054a7;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.index .pro .pro_con .pro_b img {
    display: block;
    width: 100%;
}

.index .int {
    position: relative;
}

.index .int .int_l {
    position: relative;
    /*height: 7.02rem;*/
    padding-bottom: 36.5625%;
    float: left;
    width: 31.1458%;
    background-color: #1a4b9a;
    background: url(../images/int_bg1.jpg) no-repeat left bottom;
    background-color: #1a4b9a;
    color: #fff;
}

.index .int .int_l .int_l_con {
    position: absolute;
    right: .28rem;
    top: 50%;
    transform: translateY(-50%);
}

.index .int .int_l .int_l_con h2.title {
    background: none;
    height: auto;
    margin-bottom: .47rem;
    padding: 0;
}

.index .int .int_l .int_l_con p {
    font-size: .16rem;
    line-height: 2.14;
    width: 2.67rem;
    margin-bottom: .47rem;
}

.index .int .int_l .int_l_con a.more {
    color: #fff;
}

.index .int .int_l .int_l_con pre {
    font-size: .16rem;
    line-height: 2.14;
}

.index .int .int_r {
    width: 68.8542%;
    overflow: hidden;
    /*float: right;*/
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    /*height: 7.02rem;*/
    box-sizing: border-box;
    padding: 4.6875% 0;
    background: url(../images/int_bg.jpg) no-repeat left center;
    background-size: 100% auto;
}

.index .int .int_r img {
    display: none;
}

.index .int .int_r ul li {
    position: absolute;
    height: 11.07%;
    left: 13.787%;
    top: 13.1875%;
    font-size: .20rem;
    line-height: 1.5;
    color: #1a4b9a;
    width: 86.213%;
}

.index .int .int_r ul li:nth-of-type(2) {
    top: 37.1875%;
    left: 22.7%;
}

.index .int .int_r ul li:nth-of-type(3) {
    top: 61.1875%;
}

.index .int .int_r ul li p {
    margin-right: 6.212%;
    display: inline-block;
    min-width: 2.48rem;
}

.index .int .int_r ul li span {
       /* font-family: 'GothamMedium';*/
    font-weight: bold;
    font-size: .60rem;
    float: left;
    line-height: 1;
    margin-right: .10rem;
}

.index .int .int_r ul li b {
    font-weight: normal;
    display: inherit;
}

.index .sel {
    position: relative;
}

.index .sel .sel_l {
    position: absolute;
    top: 0;
    width: 68.7%;
    width: 13.20rem;
    height: 100%;
    height: 5.80rem;
    overflow: hidden;
}

.index .sel .sel_l .map {
    position: relative;
}

.index .sel .sel_l .map img {
    display: block;
    width: 100%;
}

.index .sel .sel_l .map .pro {
    position: absolute;
    padding: 0;
}

.index .sel .sel_l .map .pro:after {
    display: none;
}

.index .sel .sel_l .map .pro:hover .pro_div {
    display: block;
}

.index .sel .sel_l .map .pro.hebei {
    left: 5.30rem;
    top: 2.34rem;
}

.index .sel .sel_l .map .pro.hebei .pro_div {
    width: 2.47rem;
    min-height: 1.02rem;
    left: 0.24rem;
    top: 0.24rem;
}

.index .sel .sel_l .map .pro.hebei .pro_div h6 {
    text-align: left;
}

.index .sel .sel_l .map .pro.hebei i, .index .sel .sel_l .map .pro.hebei span {
    width: 0.33rem;
    height: 0.25rem;
    opacity: 0;
    cursor: pointer;
}

.index .sel .sel_l .map .pro.rs {
    left: 2.28rem;
    top: 2.13rem;
}

.index .sel .sel_l .map .pro.yg {
    left: 1.96rem;
    top: 1.82rem;
}

.index .sel .sel_l .map .pro.dg {
    left: 2.34rem;
    top: 1.97rem;
}

.index .sel .sel_l .map .pro.fg {
    left: 2.11rem;
    top: 2.12rem;
}

.index .sel .sel_l .map .pro.xxl {
    left: 7.13rem;
    top: 5.05rem;
}

.index .sel .sel_l .map .pro.bbds {
    display: none;
    left: 11.29rem;
    top: 3.21rem;
}

.index .sel .sel_l .map .pro.zl {
    left: 10.81rem;
    top: 4.70rem;
}

.index .sel .sel_l .map .pro.mg {
    left: 9.92rem;
    top: 2.35rem;
}

.index .sel .sel_l .map .pro.jnd {
    left: 9.54rem;
    top: 1.62rem;
}

.index .sel .sel_l .map .pro.nrly {
    left: 2.28rem;
    top: 3.37rem;
}

.index .sel .sel_l .map .pro.hskst {
    left: 4.18rem;
    top: 2rem;
}

.index .sel .sel_l .map .pro.alq {
    left: 3.61rem;
    top: 2.90rem;
}

.index .sel .sel_l .map .pro.xjp {
    left: 5.09rem;
    top: 3.61rem;
}

.index .sel .sel_l .map .pro.mlxy {
    left: 5.01rem;
    top: 3.54rem;
}

.index .sel .sel_l .map .pro.bl {
    left: 3.53rem;
    top: 2.83rem;
}

.index .sel .sel_l .map .pro.yd {
    left: 3.09rem;
    top: 2.67rem;
}

.index .sel .sel_l .map .pro.tkmst {
    left: 3.79rem;
    top: 2.40rem;
}

.index .sel .sel_l .map .pro.yd1 {
    left: 4.36rem;
    top: 2.96rem;
}

.index .sel .sel_l .map .pro.hg {
    left: 5.80rem;
    top: 2.51rem;
}

.index .sel .sel_l .map .pro.am {
    left: 3.70rem;
    top: 3.02rem;
}

/* 新点位 */
.index .sel .sel_l .map .pro.glby {
    left: 10.8rem;
    top: 3.54rem;
}
.index .sel .sel_l .map .pro.egder {
    left: 10.66rem;
    top: 3.71rem;
}
.index .sel .sel_l .map .pro.milu {
    left: 10.725rem;
    top: 3.92rem;
}
.index .sel .sel_l .map .pro.agt {
    left: 11rem;
    top: 5rem;
}
.index .sel .sel_l .map .pro.bx {
    left: 11.35rem;
    top: 3.9rem;
}
.index .sel .sel_l .map .pro.adly {
    left: 5.98rem;
    top: 4.25rem;
}
.index .sel .sel_l .map .pro.tg {
    left: 4.99rem;
    top: 3.2rem;
}
.index .sel .sel_l .map .pro.bjst {
    left: 4.19rem;
    top: 2.65rem;
}
.index .sel .sel_l .map .pro.ylk {
    left: 3.29rem;
    top: 2.58rem;
}
.index .sel .sel_l .map .pro.terq {
    left: 3.1rem;
    top: 2.43rem;
}
.index .sel .sel_l .map .pro.xyl {
    left: 2.55rem;
    top: 2.12rem;
}
.index .sel .sel_l .map .pro.aj {
    left: 2.86rem;
    top: 2.84rem;
}
.index .sel .sel_l .map .pro.kldy {
    left: 2.47rem;
    top: 2.21rem;
}
.index .sel .sel_l .map .pro.lby {
    left: 2.6rem;
    top: 2.8rem;
}
.index .sel .sel_l .map .pro.xby {
    left: 1.9rem;
    top: 2.38rem;
}
.index .sel .sel_l .map .pro.aerjly {
    left: 2.1rem;
    top: 2.68rem;
}
.index .sel .sel_l .map .pro.jiapeng {
    left: 2.35rem;
    top: 3.68rem;
}
.index .sel .sel_l .map .pro.zd {
    left: 2.55rem;
    top: 3.2rem;
}
.index .sel .sel_l .map .pro.ste {
    left: 3.35rem;
    top: 2.96rem;
}


.index .sel .sel_l .map .pro i, .index .sel .sel_l .map .pro span {
    display: block;
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background-color: #ffcc00;
    cursor: pointer;
    opacity: 1;
}

.index .sel .sel_l .map .pro .pro_div {
    position: absolute;
    display: none;
    padding: 0.1rem 0.2rem;
    background-color: #f7f7f7;
    left: 0.01rem;
    top: 0.01rem;
}

.index .sel .sel_l .map .pro .pro_div h6 {
    font-size: 0.16rem;
    color: #1a4b9a;
    min-width: 0.80rem;
    text-align: center;
}

.index .sel .sel_l .map .pro .pro_div .eng {
    color: #c3c3c3;
    font-size: 0.14rem;
    font-weight: 100;
    margin-bottom: 0.10rem;
}

.index .sel .sel_l .map .pro .pro_div .pro_txt {
    color: #323338;
    opacity: 0.59;
    font-size: 0.14rem;
}

.index .sel .sel_l #container {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: scale(1.89911) translate(6.2%, 14.8%);
}

.index .sel .sel_r {
    position: relative;
    padding-bottom: 30.208%;
    width: 31.3%;
    width: 6.00rem;
    height: 5.80rem;
    margin-left: auto;
    background-color: #1a4b9a;
    background: url(../images/sel_bg.jpg) no-repeat left bottom;
    background-color: #1a4b9a;
    color: #fff;
}

.index .sel .sel_r .sel_r_con {
    position: absolute;
    left: .51rem;
    top: 50%;
    transform: translateY(-50%);
}

.index .sel .sel_r .sel_r_con h2.title {
    background: none;
    height: auto;
    margin-bottom: .47rem;
    padding: 0;
}

.index .sel .sel_r .sel_r_con .more {
    color: #fff;
}

@media screen and (max-width: 1440px) {
    .index .int .int_r ul li {
        left: 9.787%;
        font-size: .18rem;
    }

    .index .int .int_r ul li:nth-of-type(2) {
        left: 10.7%;
    }

    .index .int .int_r ul li p {
        margin-right: 2%;
        min-width: 30%;
    }

    .index .int .int_r ul li p span {
        font-size: .52rem;
    }
}

@media screen and (max-width: 1280px) {
    .index .int .int_r ul li {
        top: 12.1875%;
    }

    .index .int .int_r ul li:nth-of-type(2) {
        top: 36.1875%;
    }

    .index .int .int_r ul li:nth-of-type(3) {
        top: 60.1875%;
    }
}

@media screen and (max-width: 1160px) {
    .index .int .int_r ul li {
        font-size: .14rem;
    }

    .index .int .int_r ul li p span {
        font-size: .40rem;
    }
}

@media screen and (max-width: 750px) {
    .index h2.title {
        padding: 0.30rem 0.42rem;
        font-size: 0.36rem;
        line-height: 1.5;
        height: auto;
    }

    .index h2.title span {
        font-size: 0.32rem;
    }

    .index .news .time {
        height: auto;
    }

    .index .news h2.title a {
        display: block;
    }

    .index .news .time .day {
        line-height: 0.65rem;
        font-size: 0.24rem;
    }

    .index .news {
    /*padding: 0.40rem 0.33rem 0.40rem;*/
        padding: 0;
        padding-bottom: 0.40rem;
        background-color: #f5f5f5;
    }

    .index .news:after, .index .news:before {
        display: none;
    }

    .index .news .news_t {
        width: 100%;
        height: auto;
    }

    .index .news .news_l {
        width: 100%;
        float: none;
    }

    .index .news .news_l .news_img {
        margin-bottom: 0.34rem;
    }

    .index .news .news_l .time {
        padding: 0 0.33rem;
        margin-bottom: 0.30rem;
    }

    .index .news .news_l .news_con {
        padding: 0 0.33rem;
        /*padding-right: 0;*/
    }

    .index .news .news_l .news_con h3 {
        font-size: 0.28rem;
        margin-bottom: 0.22rem;
    }

    .index .news .news_l .news_con p {
        font-size: 0.24rem;
        margin-bottom: 0.22rem;
    }

    .index .more {
        font-size: 0.20rem;
    }

    .index .news .news_r {
        display: none;
      /*background-color: #ededed;*/
        width: 100%;
        float: none;
        padding: 0;
        padding-top: 0.34rem;
    }

    .index .news .news_r ul {
        border-top: .01rem solid #c8c8c9;
        margin-bottom: 0.34rem;
    }

    .index .news .news_r ul li a {
        padding: 0.50rem 0;
    }

    .index .news .news_r ul li a .time {
        float: none;
        margin-bottom: 0.32rem;
        border-right: none;
    }

    .index .news .news_r ul li a h3 {
        height: auto;
        padding-left: 0;
        margin-left: 0;
    }

    .index .news .news_r ul li a h3 span {
        position: static;
        display: block;
        transform: translateY(0);
    }

    .index .pro {
        padding-bottom: 0.43rem;
    }

    .index .pro:after {
        display: none;
    }

    .index .pro .w1440 {
        display: block;
    }

    .index .pro .w1440 {
        letter-spacing: -7px;
    }

    .index .pro .w1440 .pro_con:nth-of-type(n+2) {
        width: 50%!important;
        display: inline-block;
        padding-right: 0.5px;
    }

    .index .pro .w1440 .pro_con:nth-of-type(3) {
        padding-right: 0;
        padding-left: 0.5px;
    }

    .index .pro .w1440 .pro_con {
        width: 100% !important;
        letter-spacing: 0px;
        float: none;
    }

    .index .pro .w1440 .pro_con .pro_b {
        height: auto !important;
    }

    .index .pro .w1440 .pro_con div.title {
        height: 0;
        padding: 1px 0px 0px;
    }

    .index .int .int_l {
        width: 100%;
        height: auto;
        float: none;
        padding: 0.30rem 0.42rem;
    }

    .index .int .int_l .int_l_con p {
        width: 100%;
        font-size: 0.24rem;
    }

    .index .int .int_l .int_l_con {
        position: static;
        transform: translateY(0);
    }

    .index .int .int_l .int_l_con h2.title {
        margin-bottom: 3px;
    }

    .index .int .int_r {
        position: static;
        width: 100%;
        background-position: 0 1rem;
        padding: 0;
        background-size: 132% auto;
    }

    .index .int .int_r ul {
        display: none;
    }

    .index .int .int_r img {
        display: block;
    }

    .index .int .int_r ul li {
        font-size: .12rem;
        position: static;
        width: 100%;
        font-size: .00rem;
        margin-bottom: 0.4rem;
        padding-left: 0.2rem;
    }

    .index .int .int_r ul li p {
        text-align: left;
        min-width: 45%;
        font-size: .12rem;
        min-width: auto;
        overflow: hidden;
    }

    .index .int .int_r ul li p span {
        height: .40rem;
    }

    .index .int .int_r ul li:nth-of-type(2) {
        padding-left: 1rem;
        margin-bottom: 0.6rem;
    }

    .index .int .int_r ul li:nth-of-type(3) {
        padding-left: 1rem;
    }

    .index .int .int_r ul li:nth-of-type(3) p {
        margin-bottom: 0.4rem;
    }

    .index .sel .sel_l {
        width: 100%;
        position: static;
        height: auto;
    }

    .index .sel .sel_l .map .pro {
        display: none;
    }

    .index .sel .sel_r {
        padding: 0.30rem 0.42rem;
        height: auto;
        width: 100%;
    }

    .index .sel .sel_r .sel_r_con {
        position: static;
        transform: translateY(0);
    }
}